#viewpoint{
  .mk1{
    width: 100%;
    height: 680px;
    background: url("https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/point_banner.png") no-repeat center center;
    background-size: cover;
    min-width: 1400px;
    margin: 0 auto;
    position: relative;
    .litbox{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100%;
      color:#fff;
      .title{
        font-size: 58px;
        line-height: 75px;
        font-weight: bolder;
        margin-bottom: 15px;
      }
      .txt{
        font-size: 36px;
      }
    }
    .nav{
      position: absolute;
      bottom:0;
      width: 595px;
      height:75px;
      left:50%;
      margin-left: -298px;
      background: #fff;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      font-size: 18px;
      color: #737b8d;
      text-align: center;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      list-style-type: none;
      padding: 0 150px;
      box-sizing: border-box;
      li{
        height:50px;
        line-height:50px;
        position:relative;
        border-bottom:2px solid #fff;
        cursor:pointer;
        color:#737b8d;
        font-weight: bold;
      }
      li.on{
        border-bottom: 2px solid #ffc306;
        color:#141414;
      }
    }
  }
  .mk2{
    padding-top: 40px;
    box-sizing: border-box;
    .newslist{
      min-width: 1400px;
      margin: 0 auto;
      .litbox{
        width: 1200px;
        margin: 0 auto;
        position: relative;
        background: #0a1633;
        padding: 90px 85px 100px 50px;
        box-sizing: border-box;
        ul{
          width: 100%;
          position: relative;
          z-index: 10;
          li{
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: space-between;
            margin-bottom: 70px;
            >.time{
              width: 197px;
              height: 99px;
              background: linear-gradient(267deg,#004aff,#00c0f8);
              padding: 22px 25px;
              box-sizing: border-box;
              font-size: 18px;
              text-align: right;
              font-weight: bolder;
              line-height: 1.45;
              position: relative;
              left:-102px;
              color:#fff;
              div:nth-child(2){
                letter-spacing: 2px;
              }
            }
            >.titleTime{
              width: 450px;
              color:#fff;
              position: relative;
              left:-60px;
              top:20px;
              text-decoration: none;
              .title{
                font-size: 22px;
                font-weight: bolder;
              }
              .line{
                width: 99px;
                height: 3px;
                margin: 18px 0 16px;
                background: #ffd545;
              }
              .time{
                font-size: 16px;
                margin-bottom: 44px;
              }
              .miaosu{
                font-size: 14px;
                line-height: 30px;
              }
            }
            >.img{
              width: 400px;
              img{
                display: block;
                width: 100%;
              }
            }
          }
        }
        .box1{
          display: block;
        }
        .box2{
          display: none;
        }
        .paging{
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-end;
          .bt{
            width: 34px;
            line-height: 32px;
            height: 34px;
            border-radius: 3px;
            border: 1px solid #f0f2f5;
            color: #f0f2f5;
            font-size: 16px;
            text-align: center;
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px;
            cursor: pointer;
            background-size: 6px auto!important;
            transition: all 0.2s;
          }
          .bt.on{
            border: 1px solid #0056ff!important;
            color: #fff!important;
            background-color: #0056ff!important;
          }
          .bt.next{
            background: url(https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_right.png) 50% no-repeat;
          }
          .bt:hover{
            border: 1px solid #0056ff!important;
            color: #fff!important;
            background: #0056ff;
          }
          .bt.next:hover{
            background: url(https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_right.png) #0056ff 50% no-repeat;
          }
        }
        .boxline{
          width: 2px;
          height:100%;
          position: absolute;
          left:50px;
          top:0;
          background: #0056ff;
        }
      }
    }
  }
}
